<template>
    <div class="box_alarm">
        <MoodalTitle :title="'物联感知数据展示'" />
        <div>
            <div class="box_fx">
                <div>
                    <p class="box_p">今日发现的问题次数</p>
                    <p class="box_gl">各类物联网设备</p>
                </div>
                <div>
                    <p class="box_p" style="font-size: 2.4rem;">{{form.todayOrderCount}} <span class="box_gl">次</span></p>
                </div>
            </div>
            <div class="box_fx">
                <div>
                    <p class="box_p">物联网发现总数</p>
                    <p class="box_gl">数据更新于{{form.nowTime}}</p>
                </div>
                <div>
                    <p class="box_p" style="font-size: 2.4rem;">{{form.typeACount}} <span class="box_gl">次</span></p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import MoodalTitle from '@/components/ModalTitle/Index.vue'
import {ZhiShiJianGuan} from '@/api/zhangzi/index'
export default {
    components: { MoodalTitle },
    data() {
        return {
            form:{}
        }
    },
    mounted() {
        this.perceptionData()
    },
    methods: {
        // 物联感知数据展示
        perceptionData(){
            ZhiShiJianGuan.getWuLianQianSheng().then(res =>{
                console.log(res,'物联感知数据展示')
                if(res.code == 200){
                    this.form = res.data
                }
            })
        }
    }
}
</script>

<style lang="less" scoped>
.box_alarm {
    width: 50rem;
    height: 32rem !important;
    margin-bottom: 1.9rem;
}

.box_fx {
    margin: 3.5rem 0 1.5rem 0;
    padding: 0 3.5rem 0 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 44.6rem;
    height: 7.5rem;
    background-image: url(../../../../assets//images//zhangzi/Special/problem.png);
}

.box_p {
    font-size:  1.8rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #26CAFF;

}

.box_gl {
    margin-top: 0.5rem;
    font-size: 1.4rem;
    font-family: PingFangSC-Ultralight, PingFang SC;
    font-weight: 200;
    color: #C6C5C5;

}
</style>